<script setup lang="ts">
import { ElButton } from "element-plus";
import { orderDrawer, usePushDrawerEvent, onShow } from "../drawer-manager";

const { pushDrawerEvent } = usePushDrawerEvent();

const handleClick = () => {
  orderDrawer.create({});
};
const handleChange = () => {
  pushDrawerEvent();
};
onShow((hasChange, events) => {
  if (hasChange) {
    console.log("hasChange", events);
  }
});
</script>

<template>
  <div>
    <div>outbound drawer</div>
    <div>
      <el-button @click="handleClick">order drawer</el-button>
      <el-button @click="handleChange">order change</el-button>
    </div>
  </div>
</template>
